<template>
  <ul class="ultwo">
    <li v-for="item in data2">
      <span>{{item.date}}</span>
      <span>{{item.pices}}</span>
      <span>{{item.hao}}</span>
    </li>
  </ul>
</template>

<script>
    export default {
      name: "Paifan1",
      data(){
        return {
          data2:[
            {date:'2017/06/26',pices:'消费：￥100',hao:'排号：10'},
            {date:'2017/06/26',pices:'消费：￥100',hao:'排号：10'},
            {date:'2017/06/26',pices:'消费：￥100',hao:'排号：10'},
            {date:'2017/06/26',pices:'消费：￥100',hao:'排号：10'}
          ]
        }
      }
    }
</script>

<style scoped>
  .ultwo{
    background: #fff;
  }
  .ultwo li{
    display: flex;
    justify-content: space-between;
    padding: 2.7rem 0;
    border-bottom: 1px solid #ccc;
  }
  .ultwo li span{
    font-size: 2.8rem;
    line-height: 3.6rem;
    margin: 0 4rem;
  }
</style>
